<%-- 
    Document   : Sp_CkOut_BodyCenter_Pay
    Created on : Apr 3, 2015, 2:12:09 PM
    Author     : PHATNBSE61057
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<c:set var="user" value="${sessionScope.USER}"/>
<c:set var="bill" value="${sessionScope.BILL}"/>
<c:set var="subTotal" value="${sessionScope.SUBTOTAL}"/>
<c:set var="rFullname" value="${bill.recipientFullname}"/>

<td class="centerContainer">
    <div class="c1">
        <div class="c2">
            <div class="top"></div>
        </div>
    </div>
    <div class="content">
        <div class="content-wrapper">
            <a name="main"></a>
            <span id="serch_error">
            </span>
            <div id="pageTitle" class="pageTitleSection">
                <div class="block">
                    <div class="cont">
                        <h2><span>Payment</span></h2>
                    </div>
                </div>
            </div>
            <style>
                .orderSummarySection .paymentMethodBlock .first-column,
                .orderSummarySection .paymentMethodBlock .second-column
                {
                    float: left;
                }
            </style>
            <div class="orderSummarySection">
                <div class="block">
                    <div class="corner1">
                        <div class="corner2">
                            <div class="lineTop">
                            </div>
                        </div>
                    </div>
                    <span id="error">
                    </span>
                    <div class="cont">
                        <div>
                        <!--<div class="wrapperBillingShippingDets"> De the nay se tu dong generate ra 2 table nua-->

                            <div class="wrapperBillingDet">
                                <div class="billingDet">
                                    <table class="base alignLeft">
                                        <thead>
                                            <tr>
                                                <th class="first widthfix">Billing Details</th>
                                                <th class="last"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr class="fullName">
                                                <td class="name"><span>Full Name</span></td>
                                                <td class="last"><span>${bill.fullname}</span></td>
                                            </tr>
                                            <tr class="addressLine1">
                                                <td class="name"><span>Address Line</span></td>
                                                <td class="last"><span>${bill.address}</span></td>
                                            </tr>
                                            <tr class="townCity">
                                                <td class="name"><span>Town/City</span></td>
                                                <td class="last"><span>${bill.town}</span></td>
                                            </tr>
                                            <tr class="countyState even">
                                                <td class="name"><span>County/State</span></td>
                                                <td class="last"><span>${bill.county}</span></td>
                                            </tr>
                                            <tr class="postcode">
                                                <td class="name"><span>Postcode</span></td>
                                                <td class="last"><span>${bill.postcode}</span></td>
                                            </tr>
                                            <tr class="country even">
                                                <td class="name"><span>Country</span></td>
                                                <td class="last"><span>${bill.country}</span></td>
                                            </tr>
                                            <tr class="email">
                                                <td class="name"><span>Email</span></td>
                                                <td class="last"><span>${bill.email}</span></td>
                                            </tr>
                                            <tr class="phone even">
                                                <td class="name"><span>Phone</span></td>
                                                <td class="last"><span>${bill.phone}</span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="wrapperBillingDet wrapperBillingDetExtra" style="display: block;">
                                <div class="billingDet">
                                    <table class="base alignLeft">
                                        <thead>
                                            <tr>
                                                <th class="first widthfix">Shipping Details</th>
                                                <th class="last"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <c:if test="${not empty rFullname}">
                                                <tr class="fullName">
                                                    <td class="name"><span>Full Name</span></td>
                                                    <td class="last"><span>${bill.recipientFullname}</span></td>
                                                </tr>
                                                <tr class="addressLine1">
                                                    <td class="name"><span>Address Line</span></td>
                                                    <td class="last"><span>${bill.recipientAddress}</span></td>
                                                </tr>
                                                <tr class="townCity">
                                                    <td class="name"><span>Town/City</span></td>
                                                    <td class="last"><span>${bill.recipientTown}</span></td>
                                                </tr>
                                                <tr class="countyState even">
                                                    <td class="name"><span>County/State</span></td>
                                                    <td class="last"><span>${bill.recipientCounty}</span></td>
                                                </tr>
                                                <tr class="postcode">
                                                    <td class="name"><span>Postcode</span></td>
                                                    <td class="last"><span>${bill.recipientPostcode}</span></td>
                                                </tr>
                                                <tr class="country even">
                                                    <td class="name"><span>Country</span></td>
                                                    <td class="last"><span>${bill.recipientCountry}</span></td>
                                                </tr>
                                                <tr class="email">
                                                    <td class="name"><span>Email</span></td>
                                                    <td class="last"><span>${bill.recipientEmail}</span></td>
                                                </tr>
                                                <tr class="phone even">
                                                    <td class="name"><span>Phone</span></td>
                                                    <td class="last"><span>${bill.recipientPhone}</span></td>
                                                </tr>
                                            </c:if>
                                            <c:if test="${empty rFullname}">
                                                <tr class="fullName">
                                                    <td class="name"><span>Full Name</span></td>
                                                    <td class="last"><span>${bill.fullname}</span></td>
                                                </tr>
                                                <tr class="addressLine1">
                                                    <td class="name"><span>Address Line</span></td>
                                                    <td class="last"><span>${bill.address}</span></td>
                                                </tr>
                                                <tr class="townCity">
                                                    <td class="name"><span>Town/City</span></td>
                                                    <td class="last"><span>${bill.town}</span></td>
                                                </tr>
                                                <tr class="countyState even">
                                                    <td class="name"><span>County/State</span></td>
                                                    <td class="last"><span>${bill.county}</span></td>
                                                </tr>
                                                <tr class="postcode">
                                                    <td class="name"><span>Postcode</span></td>
                                                    <td class="last"><span>${bill.postcode}</span></td>
                                                </tr>
                                                <tr class="country even">
                                                    <td class="name"><span>Country</span></td>
                                                    <td class="last"><span>${bill.country}</span></td>
                                                </tr>
                                                <tr class="email">
                                                    <td class="name"><span>Email</span></td>
                                                    <td class="last"><span>${bill.email}</span></td>
                                                </tr>
                                                <tr class="phone even">
                                                    <td class="name"><span>Phone</span></td>
                                                    <td class="last"><span>${bill.phone}</span></td>
                                                </tr>
                                            </c:if>
                                        </tbody>
                                    </table>
                                </div>
                            </div></div>

                        <a class="smallBtn leftBtn viewCartBtn" href="C_viewCartPage.jsp">View Basket</a>
                        <div class="nofloat"></div>
                        <form action="ProcessServlet" method="POST">
                            <div class="wrapperShippingMethodBlock">
                                <div class="shippingMethodBlock">
                                    <div class="list">
                                        <h4>Shipping Method</h4>
                                        <div class="shipping6926">
                                            <input id="6926" class="radio" type="radio" name="shippingMethodId" value="6926" onclick="updateShippingMethod('https://tolkien2.site.powa.com/cart/update-shippings', '6926')" checked="true">
                                            <label class="text" for="6926">Standard Delivery.</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="wrapperTotals">
                                <div id="totals" class="totals">
                                    <h4>Subtotal</h4>
                                    <table id="total" class="totalBlock">
                                        <tbody>
                                            <tr class="productSubtotal">
                                                <td><span>Product Subtotal</span></td>
                                                <td class="price last"><span>£${subTotal}</span></td>
                                            </tr>
                                            <tr class="shipping">
                                                <td><span>Shipping</span></td>
                                                <td class="price last"><span>£0.00</span></td>
                                            </tr>


                                            <tr class="total">
                                                <td><span>Total</span></td>
                                                <td class="price last"><span>£${subTotal}</span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="wrapperPaymentMethodBlock">
                                <div class="paymentMethodBlock">
                                    <div class="list">
                                        <h4>Payment Method</h4>


                                        <div class="payment3969">
                                            <input id="payment3969" checked="true" class="radio" type="radio" name="paymentMethodAndCardBrand" value="{'paymentMethodId':3969, 'cardBrandName':''}">
                                            <label class="text" for="payment3969">Pay when receive product(s).</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="nofloat"></div>

                            <input class="smallBtn rightBtn" type="submit" value="Continue" name="btAction">
                            <input type="hidden" name="continueType" value="ToConfirm"/>

                        </form>

                        <div class="nofloat"></div>
                    </div>
                    <div class="corner4"><div class="corner3"><div class="lineBtm"></div></div></div>
                </div>
                <div class="nofloat"></div>
            </div>

        </div>
    </div>
    <div class="c4">
        <div class="c3">
            <div class="btm"></div>
        </div>
    </div>
</td>
